.counter(@count) when (@count>0) {
    .counter(@count - 1);
    width: (25px*@count);
}

div {
    .counter(7)
}

.generate-columns(12);

.generate-columns(@n, @i: 1) when (@i =< @n) {
    .column-@{i} {
        width: (@i * 100% / @n);
    }

    .generate-columns(@n, (@i + 1));
}


.colorGuard(@a) when(@a=20px) {
    color: red;
}

.colorGuard(@a) when(iscolor(@a)) {
    color: @a
}

.colorGuard(@a) when (isnumber(@a)) {
    font-size: @a;
}

.imageUrl(@url) when(isurl(@url)) {
    background-image: @url;
}

.isString(@a) {
    font-size: isstring(@a)
}

div {
    .colorGuard(#ccc);
    .imageUrl(url('../images/loginRegisterBg.png'));
    .isString('variabel');
    border: iskeyword(7.8%);
    border: iskeyword(keyword);
}


div {
    background: ispixel(56px);
    border: ispixel(7.8%);
    border: ispixel(keyword);
}

div {
    font: isunit(11px, px);
    background: isunit(2.2%, px);
    border: isunit(33px, rem);
    font: isunit(4rem, rem);
    background: isunit(56px, "%");
    border: isunit(7.8%, '%');
    border: isunit(1234, em);
}

.merge() {
    box-shadow+: 5px 5px 5px gray;
}

.class {
    .merge();
    box-shadow+: 0px 0px 5px #f78282;
}

.transform() {
    transform+_: scale(2);
}

.myclass {
    .transform();
    transform+_: rotate(15deg);
}